<template>
  <sn-row-has-four-col
      class="to-flex"
      :one="2"
      :two="5"
      :three="6"
      :four="7"
  >
<!--    <el-select-->
<!--      v-model="queryParams.status"-->
<!--      placeholder="登录状态"-->
<!--      clearable-->
<!--      size="small"-->
<!--      style="width: 240px"-->
<!--    >-->
<!--      <el-option-->
<!--        v-for="dict in dict.type.prescription_type"-->
<!--        :key="dict.value"-->
<!--        :label="dict.label"-->
<!--        :value="dict.value"-->
<!--      />-->
<!--    </el-select>-->
    <sn-text text="处方类别"
             slot="one-col"

             class="margin-lin-left">
    </sn-text>
    <sn-select
        @selectChange="selectValue"
        :select-data="dict.type.prescription_type"
        :select-style="{'width':'170px'}"
        slot="two-col" class="to-flex ">

<!--       :move-down="11"-->
    </sn-select>

    <!-- 搜索框-->
    <sn-search-input
        @inputContentChange="inputValue"
        :input-style="{'width':'250px'}"
        :input-placeholder="inputPlaceholder"
        slot="three-col" class="to-flex margin-lin"/>

<!--    move-up-->
    <el-checkbox-group
        class="warning"
        v-model="checkList"
        slot="four-col">
      <el-checkbox label="库存预警" class="margin-lin"></el-checkbox>
      <el-checkbox label="有效期预警" class="margin-lin"></el-checkbox>
    </el-checkbox-group>
  </sn-row-has-four-col>
</template>

<script>
export default {
  name: "StockManageConditionFindBar",
  dicts: ['prescription_type'],
  props: {
    inputPlaceholder: {
      type: String,
      default: ''
    },
  },
  data() {
    return {
      prescriptionData: [
        {
          value: 2,
          label: '全部'
        },
        {
          value: 0,
          label: '西/成药'
        },
        {
          value: 1,
          label: '中药'
        },
      ],
      checkList: ['有效期预警']
    }
  },
  methods:{
    selectValue(value){
      this.$emit('selectType', value)
    },
    inputValue(value){
      this.$emit('searchValue', value)
    }
  }
}
</script>

<style scoped>
.warning{
  position: relative;
  top: 10px;
  left: 200px;
}
.margin-lin{
  margin-top: 10px;
}
.margin-lin-left{
  margin-top: 20px;
  margin-left: 30px;
  color: darkblue;
  /*text-align: center;*/
  font-weight: bold;

}
</style>
